<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>志愿者招募平台--我的论坛</title>
		<%
        String path = request.getRequestURI();
        String basePath = request.getScheme() + "://"
                + request.getServerName() + ":" + request.getServerPort()
                + path;
    %> 
    <base href="<%=basePath%>"> 
		<link rel="shortcut icon" href="img/head.png" type="image/x-icon">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
        <link href="../admin/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
		
        <link href="../admin/css/animate.css" rel="stylesheet">
        <link href="../admin/css/style.css?v=2.2.0" rel="stylesheet">

		<link rel="stylesheet" href="../admin/css/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="../admin/css/biaoge.css">
        <link rel="stylesheet" href="../admin/css/quyu.css">
        <script type="text/javascript" src="../admin/js/xadmin.js"></script>
        <script src="../admin/css/layui/layui.js" charset="utf-8"></script>
        <link href="../admin/css/font-awesome.css?v=4.3.0" rel="stylesheet">
        <link rel="stylesheet" href="./bootstrap-3.4.1-dist/VolunteerCss/head.css">
        <style>
            .box1 {
			    text-align: center;
			    width: 100%;
			    margin-top: 10px;
			}
			h3 {
			    text-align: center;
			    font-size: 25px;
			    color: aliceblue;
			    font-family: 华文楷体;
			}
			#div1{
			/* width: 1050px; */
			height: 53px; 
			background-color: #c2b6df;
			margin: 0 auto;
			/* border: 20px solid #e9eced; */
		}
		h3{
			text-align: center;
			/* font-size: 20px */
		}
		.p1{text-indent: 2em;font-size: 30px;}
		.p2{text-align:left;color:#d34949;}
        p.thicker {font-weight:900;font-size: 30px;}
        /* p.stronger {font-weight:900;font-size: 20px;} */
        p.stronger {font-weight:900;font-size: 25px;text-align:left;}
        p.position{text-align:left;font-size: 17px}
		#div3{text-align: center;font-size: 20px}
        #div4{text-align:center;}
        
        </style>
	</head>
	<body>
                 <article>
				  <header><div class="header_con">
                    <div class="header">
                        <div class="welcome">欢迎来到志愿者招募平台!</div>
                        <div class="user_login">
                            <a href="../Login&Register.jsp">退出</a>
                            <!-- <span>|</span>
                            <a href="Login&Register.html">注册</a> -->
                        </div>
                    </div>
                </div><br>

                        <img alt="Brand" src="../img/志愿者图标.png"  width="50px" height="50px" style="float:left"><br>
                         <p class="thicker">"最美"抗疫志愿者招募平台</p1>  
                        </header>
               </article>
             
                <div class="navbar_con">
                    <div class="navbar clearfix">
                        <ul class="navlist fl">
                            <li><a href="${pageContext.request.contextPath}/PersonalServlet">个人中心</a></li>
                            <div class="subnav_con fl">
                                <a href="${pageContext.request.contextPath}/ForumServlet"><h1>志愿论坛<i></i></h1></a>
                            </div>
                            <li><a href="${pageContext.request.contextPath}/ElegantServlet">志愿风采</a></li>
                            <li><a href="${pageContext.request.contextPath}/RecruitServlet">志愿者招募</a></li>
                            <li><a href="${pageContext.request.contextPath}/HomeServlet">首页</a></li>
                        </ul>
                    </div>
                </div>
                <ol class="breadcrumb">
                    <li><a href="${pageContext.request.contextPath}/ForumServlet">志愿论坛</a></li>
                    <li class="active">我的论坛</li>
                    <!-- <li class="active">Data</li> -->
                  </ol>
               
				<!-- 内容主体区域 -->
                <div style="margin: 20px;  background-color: #F6F6F6;width:76%;margin-left:13%;">
                    <div style="padding: 10px;padding-top: 10px; padding-bottom: 5px;">

                        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="margin-top: 0px;">
      
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <div class="wrapper wrapper-content">
                                        <div class="row animated fadeInRight">
                                            <div class="col-md-4">
                                                <div class="ibox float-e-margins">
                                                    <div class="ibox-title">
                                                        <h5>我的资料</h5>
                                                    </div>
                                                    <div>
                                                       <C:forEach items="${forums}" var="forums">
                                                        <div class="ibox-content no-padding border-left-right">
                                                            <img alt="image" class="img-responsive" src="../${forums.pricture}">
                                                        </div>
                                                        <div class="ibox-content profile-content" >
                                                            <h4><strong>${forums.realname}</strong></h4>
                                                            <p>&nbsp;</p>
                                                            <p>学院：${forums.uclass}</p>
                                                            <p>性别：${forums.sex== 1?"男":"女"}</p>
                                                            <p>等级：1</p>
                                                            <p>&nbsp;</p>
                                                         </C:forEach>

                                                            <div class="user-button">
                                                                <div class="row">
                                                                    <!-- <div class="col-md-6">
                                                                        <button type="button" class="btn btn-primary btn-sm btn-block"> 发表帖子</button>
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <button type="button" class="btn btn-default btn-sm btn-block"> 发表帖子</button>
                                                                    </div>  -->
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-8">
                                                
                                               <div class="ibox float-e-margins">
                                                    <div class="ibox-title">
                                                        <h5>我的动态</h5>
                                                        <div class="ibox-tools">
                                                            <a class="collapse-link">
                                                            
                                                            </a>
                                                            <a class="dropdown-toggle" data-toggle="dropdown" href="profile.html#">
                                                                
                                                            </a>
                             
                                                            <a class="close-link">
                                                               
                                                            </a>
                                                        </div>
                                                    </div>
                                                    </div>
                                                   
                                                    <div class="ibox-content">
                        
                                                        <div>
                                                            <div class="feed-activity-list">
                                                                
                                                              <C:forEach items="${forums}" var="forums">  
                                                                <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="../${forums.pricture}">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right">${forums.time}</small>
                                                                        <strong>我</strong>  发布了一篇帖子
                                                                        <br><br>
                                                                        <small class="text-muted">${forums.topic}</small>
                                                                        <div class="well">
                                                                         ${forums.part}
                                                                        </div><br>
                                                                        <div class="pull-right">
                                                                            <a class="btn btn-xs btn-white" href="UserForumUpdate.jsp?id=${forums.id}&topic=${forums.topic}&part=${forums.part}"> 编辑</a>
                                                                            <a class="btn btn-xs btn-primary" href="${pageContext.request.contextPath}/ForumPersonalDeleteServlet?id=${forums.id}"> 删除</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                               </C:forEach>
                                                               
                                                               <C:forEach items="${question}" var="question">
                                                                <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="../${question.pricture}">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right">${question.Qtime}</small>
                                                                        <strong>我</strong>  发布了一篇问答帖
                                                                        <br><br>
                                                                        <%-- <small class="text-muted">${question}</small> --%>
                                                                        <div class="well">
                                                                         ${question.question}
                                                                        </div><br>
                                                                        <div class="pull-right">
                                                                            <a class="btn btn-xs btn-white" href="ForumQuestionUpdate.jsp?qid=${question.id}&question=${question.question}"> 编辑</a>
                                                                            <a class="btn btn-xs btn-primary" href="${pageContext.request.contextPath}/ForumPersonalDeleteServlet?qid=${question.id}"> 删除</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                               </C:forEach>
                                                                <!-- <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="img/2.jpg">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right">2天前</small>
                                                                        <strong>欧阳锋</strong> 上传了2张图片
                                                                        <br>
                                                                        <small class="text-muted">11月7日 11:56 来自 微博 weibo.com</small>
                                                                        <div class="photos">
                                                                            <a target="_blank" href="http://24.media.tumblr.com/20a9c501846f50c1271210639987000f/tumblr_n4vje69pJm1st5lhmo1_1280.jpg">
                                                                                <img alt="image" class="feed-photo" src="img/志愿者首页.jpg">
                                                                            </a>
                                                                            <a target="_blank" href="http://37.media.tumblr.com/9afe602b3e624aff6681b0b51f5a062b/tumblr_n4ef69szs71st5lhmo1_1280.jpg">
                                                                                <img alt="image" class="feed-photo" src="img/志愿者首页1.jpg">
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div> -->
                                                                <!-- <div class="feed-element">
                                                                    <a href="profile.html#" class="pull-left">
                                                                        <img alt="image" class="img-circle" src="img/2.jpg">
                                                                    </a>
                                                                    <div class="media-body ">
                                                                        <small class="pull-right text-navy">5小时前</small>
                                                                        <strong>在水一方Y</strong> 关注了 <strong>那二十年的单身</strong>.
                                                                        <br>
                                                                        <small class="text-muted">今天 10:39 来自 iPhone客户端</small>
                                                                        <div class="actions">
                                                                            <a class="btn btn-xs btn-white"> 赞 </a>
                                                                            <a class="btn btn-xs btn-white"> 收藏</a>
                                                                        </div>
                                                                    </div>
                                                                </div> -->
                        
                                                            </div>
                        
                                                            <button class="btn btn-primary btn-block m"> 显示更多</button>
                        
                                                        </div>
                        
                                                    </div>
                                                </div>
                        
                                            </div>
                                        </div>
                                    </div>
                                          
                                        
                                      
                                </div>
    
                            </div>
                            
                        </div>
    
                    </div>
                </div>

			</div>


		</div>

        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/bootstrap.min.js?v=3.4.0"></script>
        <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
        <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

        <!-- Custom and plugin javascript -->
        <script src="js/hplus.js?v=2.2.0"></script>
        <script src="js/plugins/pace/pace.min.js"></script>

        <!-- Peity -->
        <script src="js/plugins/peity/jquery.peity.min.js"></script>

        <!-- Peity -->
        <script src="js/demo/peity-demo.js"></script>

        <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script><!--统计代码，可删除-->

		<script>
			//JavaScript 代码区域
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?d214947968792b839fd669a4decaaffc";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();

            layui.use(['laydate','form'], function(){
            });
		</script>
            
	</body>
</html>




